<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>tinymce demo</title>
    <!-- <script src="https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=your_API_key"></script> -->
    <script src="jquery-3.3.1.js"></script>
    <script src="jquery.tinymce.min.js"></script>
    <script src="tinymce.min.js"></script>
    <script src="jquery.form.js"></script>

    <style>
        .mce-window {
            transform: initial !important;
        }
    </style>
</head>

<body style="margin:50px">
    <textarea id="editor">
        <p style="text-align: center;">
            <img title="TinyMCE Logo" src="http://www.tinymce.com/images/glyph-tinymce@2x.png" alt="TinyMCE Logo" width="110" height="97"
            />
        </p>
    </textarea>


    <script>
        $("#editor").tinymce({
            selector: 'textarea',
            height: 500,
            menubar: true,
            language: "zh_CN",
            imageupload_url: 'http://192.168.1.101:8087/renren-fast/sys/oss/fileUpload', //图片上传地址
            plugins: [
                'advlist autolink lists link image imageupload charmap print preview anchor textcolor',
                'searchreplace visualblocks code fullscreen',
                'insertdatetime media table contextmenu paste code help wordcount'
            ],
            toolbar: 'insert | imageupload | undo redo |  formatselect | bold italic backcolor  | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
            image_caption: true,
            content_css: [
                '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
                '//www.tinymce.com/css/codepen.min.css'
            ]
        });
    </script>
</body>

</html>